<template>
  <div class="choose">
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/map.png" alt=""></dt>
      <dd>地图工具</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/wiki.png" alt=""></dt>
      <dd>Wiki站</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/heji.png" alt=""></dt>
      <dd>2.5合集</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/roles.png" alt=""></dt>
      <dd>角色攻略</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/weapon.png" alt=""></dt>
      <dd>装备解析</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/boss.png" alt=""></dt>
      <dd>讨伐BOSS</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/task.png" alt=""></dt>
      <dd>任务手册</dd>
    </dl>
    <dl class="once">
      <dt><img src="@/assets/gongLue_imgs/more.png" alt=""></dt>
      <dd>更多</dd>
    </dl>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .choose{
    height: 1.72rem;
    /* background-color: tomato; */
    padding: .15rem 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .choose .once{
    width: 22%;
    height: 50%;
    /* background-color: aqua; */
    text-align: center;
    flex-shrink: 0;
  }
  .choose .once img{
    width: .46rem;
  }
  .choose .once dd{
    font-size: .12rem;
  }
</style>